﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>我的信息</title>

<!-- Mobile Specific
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors" />

<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>
<script language="javascript" type="text/javascript" src="js/WdatePicker.js"></script>
<!-- Styles Switcher
================================================== -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<script src="js/switcher.js"></script>

<script src='/google_analytics_auto.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<style>.tp img{ width:150px; height:150px; display:block;}</style>
<body>

<!-- Wrapper Start -->
<div id="wrapper">


<!-- Header
================================================== -->

<!-- 960 Container -->
<div class="container ie-dropdown-fix">

	<!-- Header -->
	<div id="header">

		<!-- Logo -->
		<div class="eight columns">
			<div id="logo">
				<a href="#"><img src="images/logo.png" alt="logo" /></a>
				<div id="tagline">旅行，从乐途网开始！</div>
				<div class="clear"></div>
			</div>
		</div>

		<!-- Social / Contact -->
		<div class="eight columns">
			
			<div class="clear"></div>
			
			<!-- Contact Details -->
			<div id="contact-details">
				<ul>
					<li><i class="mini-ico-envelope"></i>蜗牛，欢迎您！</li>
					<li><a href="#">登出</a></li>
				</ul>
			</div>

		</div>

	</div>
	<!-- Header / End -->
	
	<!-- Navigation -->
	<div class="sixteen columns">

		<div id="navigation">
			<ul id="nav">

                <li><a href="#">乐途广场</a>
					<ul>
					<li><a href="index.html">热门景点</a></li>
					<li><a href="hotMemory.html">热门记忆</a></li>
					</ul>
				</li>

				<li><a href="friendMemoryIndex.html">好友动态</a></li>
				
				<li><a href="#">结伴旅行</a>
					<ul>
					<li><a href="myGroups.html">我的结伴游</a></li>
					<li><a href="postGroup.html">发起结伴游</a></li>
					<li><a href="hotGroup.html">热门结伴游</a></li>
					</ul>
				</li>
				
				<li><a href="#">个人空间</a>
					<ul>
					<li><a href="myInfo.html">我的信息</a></li>
					<li><a href="friends.html">好友列表</a></li>
                    <li><a href="message.html">好友消息</a></li>
					</ul>
				</li>

			</ul>

			<!-- Search Form -->
			<div class="search-form">
				<form method="get" action="#" />
					<input type="text" class="search-text-box" />
				</form>
			</div>

		</div> 
		<div class="clear"></div>
		
	</div>
	<!-- Navigation / End -->

</div>
<!-- 960 Container / End -->
<!-- 960 Container / End -->


<!-- Content
================================================== -->

<!-- 960 Container -->
<div class="container">

	<div class="sixteen columns">
	
		<!-- Page Title -->
		<div id="page-title">
			<h2>个人资料</h2>
			<div id="bolded-line"></div>
		</div>
		<!-- Page Title / End -->

	</div>
</div>
<!-- 960 Container / End -->


<!--  960 Container Start -->
<div class="container">

	<!-- Text -->
	<div class="sixteen columns">
		<p>填写完整的信息，让更多的人了解你~</p>
		<br />
	</div>

	<!-- Contact Form -->
	<div class="twelve columns">
		<div class="headline no-margin"><h4>基本信息</h4></div>
		
		<div class="form-spacer"></div>
		
		<!-- Success Message -->
		<div class="success-message">
			<div class="notification success closeable">
				<p><span>成功!</span> 信息已修改</p>
			</div>
		</div>

		<!-- Form -->
		<div id="contact-form">
			<form method="post" action="contact.php" />
            <table>
            	<tr>
                	<td width="72px"><label>登录名：</label></td><td><label>小戣</label></td>
                </tr>
                <tr>
                	<td><label>注册邮箱：</label></td><td><label>lalala@163.com</label></td>
                </tr>
                <tr>
                	<td><label>性别：</label></td><td> 
                       <label>
                	      <input type="radio" name="sex" value="0" id="sex_0">
                	      男
                	      <input type="radio" name="sex" value="1" id="sex_1">
                	      女</label>
 </td>
                </tr>
                <tr>
               	  <td><label>生日：</label></td><td><input type="text" id="bithday"></td>
                </tr>
                <tr>
               	  <td><label>所在地：</label></td><td><input type="text" id="location"></td>
                </tr>
               <tr>
               	  <td><label>爱好：</label></td><td><input type="text" id="hobby"></td>
                </tr>
            
            </table>
             <div class="headline no-margin"><h4>安全信息</h4></div>
		
		<div class="form-spacer"></div>    
				
				 <table>
                 <tr>
                	<td width="72px"><label>新密码：</label></td><td><input type="password" id="password"></td>
                </tr>
            	<tr>
                	<td><label>确认新密码：</label></td><td><input id="confirmNew" type="password"></td>
                </tr>
                </table>
			 <div class="headline no-margin"><h4>联系方式</h4></div>
		
		<div class="form-spacer"></div>    
				
				 <table>
                 <tr>
                	<td width="72px"><label>邮箱：</label></td><td><input type="text" id="email"></td>
                </tr>
            	<tr>
                	<td><label>QQ号：</label></td><td><input type="text" id="qq"></td>
                </tr>
                </table>
				 <div class="headline no-margin"><h4>职业信息</h4></div>
		
		<div class="form-spacer"></div>    
				
				 <table>
                 <tr>
                	<td width="72px"><label>职业：</label></td><td><input type="text" id="position"></td>
                </tr>
                </table>
				<p>	
				<div class="field">
					<input type="button" id="send" value="修改信息" />
					<div class="loading"></div>
				</div>
				</p>
			</form>
		</div>

</div>
	
	<!-- Contact Details -->
  <div>  
		<table>
            <tr>
                <div class="headline no-margin"><h4>我的头像</h4></div>
            </tr>
            <tr>
                <td  class="tp"><img src="images/about-01.png" alt="我的头像"></td>
            </tr> 
            <tr>
                <td>
                <p>	<div class="field">
                        <input type="button" id="send" value="更换头像" />
                        <div class="loading"></div>
                    </div>	
                </p>
                </td>
            </tr> 
        </table>    
    </div>    
	
<!-- End 960 Container -->
</div>
<!-- Wrapper / End -->



<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>